window.onload = function() {
    // alert("test");
    navList();// 调用函数，拼接导航栏
    leftImageList();// 调用函数，拼接图片列表
    textCenterList();// 调用函数，实现中部文字列表拼接
    textRightList();// 调用函数，实现右部文字列表拼接

    onButtonClick(); //加载点击事件

    // event.dataTransfer.setAttribute("userName","");  
}


/**
//  * 验证用户是否登陆
//  */
// function onLoginValidata(ev) {

//     // var HTMLcode = document.getElementById( ev.target.id ) ;

//     // alert( document.getElementById( ev.target.id ).innerHTML ) ;
//    var userName = ev.dataTransfer.getAttribute("userName");

//    alert(userName);

//    if( userName == null || userName == "" ) {
//         alert("null");
//         document.getElementById( ev.terget.id ).setAttribute( "href" , "https://0x9.me/vf5jA" ) ; 
//    }

// }

function onButtonClick() {

    document.getElementById( "seek_img" ).onclick = function (){
        
        var text = document.getElementById( "input_text" ).value;

        if ( text == null || text == "" ) {

            alert("请您先输入搜索的内容。" );
            
        } else {

            // alert("您确定要搜索“" + text + "”吗?" );
            document.getElementById("seek_a").setAttribute("href","https://www.douban.com/search?q="+text);
        }
    };
}

/**
 * text_right_list
 * 自动拼接右部文字列表
 */
function textRightList() {
    var text = [ "春运抢票恩怨" , "我的2018年度绘画总结" , "与你真实人格最相似的文学人物" , "我的华语十佳女演员" , "你在什么“奇怪”的地方工作过?" ] ;
    var showNum = [ "324563人浏览" , "259807人浏览" , "311798人浏览" , "6009人浏览" , "321064人浏览" ] ;
    var textUrl = [ "" , "" , "" , "" , "" ] ;

    var code = "" ;

    for ( var i = 0 ; i < text.length ; i ++ ) {
        code += ( "<li><a href='" + textUrl[ i ] + "' >" + text[ i ] + "</a><br>" + showNum[ i ] + "</li>" ) ;
    }

    document.getElementById( "text_right_list" ).innerHTML = code ;    
}

/**
 * text_center_list
 * 自动拼接中部文字列表
 */
function textCenterList() {

    // 列表文字，length = 10
    var text = [ "食记录|圣诞烤鸡的独秘方，入味多汁皮还脆!迷特波鲁的日记" , 
                "距离上一次制作烤鸡，又又又过去了一年!记得去年是po了一张烤鸡的照片，文字配的.." ,
                 "豆瓣2018年度读书榜单I这一年不可错过的好书都在这" , "外滩钟声背后，藏着什么秘密" ,
                  "成年人不要老瞎JB灵机一动和转念-想" , "我们都是这样长大的" , "敝帚自珍和推己及人" , "一切隐于杂草丛中了" ,
                   "世间最后的真理，戴著透明的爱的面具。一-2018年阅读总结" , "去上海" , "食记录|从出汁开始制作关东煮(多图值入)" ] ;

    // 文字连接地址
    var textUrl = [ "" , "" , "" , "" , "" , "" , "" , "" , "" , "" , "" ] ;

    // 保存标签
    var textCode = "" ;

    // for循环拼接
    for ( var i = 0 ; i < text.length ; i ++ ) {

        if ( i == 1 ) {

            textCode += ( "<li id='center_text1' >" + text[ i ] + "</li>" ) ;

            continue;
        }

        // 拼接
        textCode += ( "<li><a href='" + textUrl[ i ] + "' >" + text[ i ] + "</a></li>" ) ;
    }

    document.getElementById( "text_center_list" ).innerHTML = textCode ;
}

/**
 * 自动拼接图片列表
 */
function leftImageList() {
    
    // 图片地址
    var imageUrl = [ "../images/1.png" , "../images/2.png" , "../images/3.png" , "../images/4.png" ] ;
    
    // 图片下面的文字
    var imageText = [ "67张照片" , "26张照片" , "28张照片" , "18张照片" ] ;

    // 图片下的超链接文字
    var imageUrlText = [ "九州Kyushu" , "黄昏痴迷者的日常" , "家" , "蓝城丨舍夫万" ] ;

    // 文本地址
    var textUrl = [ "#" , "#" , "#" , "#" ] ;

    // 定义变量，用于存放图片展示标签
    var imageCode = "" ;

    // for循环拼接图片
    for ( var i = 0 ; i < imageUrl.length ; i ++ ) {

        // 拼接图片展示
        imageCode += ( "<div><img src='"+ imageUrl[ i ] + "' /><br><a href='" + textUrl[ i ] + "' >" + imageUrlText[ i ] + "</a>&nbsp;&nbsp;" + imageText[ i ] + "</div>") ;
    }

    document.getElementById( "left_image" ).innerHTML = imageCode ;
}

/**
 * 自动拼接导航栏
 */
function navList() {

    // 导航栏菜单文字
    var navName = [ "读书" , "电影" , "音乐" , "小组" , "同城" , "FM" , "时间" , "豆品" ] ;

    // 导航栏菜单连接
    var navUrl = [ "https://book.douban.com/" , "https://movie.douban.com" ,
                 "https://music.douban.com" , "https://www.douban.com/group" , 
                 "https://www.douban.com/location/tianjin/" , "https://douban.fm/user-guide" , 
                 "https://0x9.me/3b0zM" , "https://0x9.me/8mDkz" ] ;

    // 定义变量，用于保存菜单栏标签
    var navCode = "" ; 

    // for循环拼接菜单栏
    for ( var i = 0 ; i < navName.length ; i ++ ) {

        // 拼接菜单栏标签
        navCode += ( "<li><a id = 'nav"+ i +"' href='" + 
        navUrl[ i ] + 
        "'>" + navName[ i ] + "</a></li>" ) ;
    }

    document.getElementById("nav").innerHTML = navCode ;
}